@font-face {
	font-family: 'iconfont';
	src: url('../../fonts/iconfont.ttf') format('truetype');
}
html,body{
	width: 100%; height: 100%; overflow: hidden;
}
html,body,span,div,label{
	font-family: "Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; font-size: 14px;
	margin: 0px; padding: 0px; border: 0px;
}
input[readonly]{
	background-color: #f6f6f6cc;
}

#app{
	width: 100%; height: 100%; overflow: hidden;
	display: flex; flex-flow: row nowrap;
}
.app-layer-left{
	height: 100%; padding: 10px 10px 10px 0px;
	display: flex; box-sizing: border-box;
	flex: 1 1 auto; overflow: hidden; overflow-x: auto;
}
.app-layer-right{
	height: 100%; flex: 0 0 399px; overflow: hidden; 
	border-left: 1px solid #CCCCCC; padding-right: 5px;
	display: flex; flex-flow: row nowrap; 
}
.app-layer-right>div{
	height: 100%;
}
.app-layer-right>div:first-child{
	flex: 0 0 12px; cursor: pointer;
	box-shadow: inset 6px 0px 9px #ccccccba;
	display: flex; align-items: center;
}
.app-layer-right>div:first-child>span{
	font-family: iconfont; color: #CCCCCC;
}
.app-layer-right>div:last-child{
	padding: 10px 10px 10px 5px;
	overflow: hidden; overflow-y: auto;
	flex: 1 1 calc(100% - 12px);
}

.app-layer-right-form .el-select{
	width: 100%;
}

.el-table th>.cell, .el-table td>.cell{
	white-space: nowrap;
}

.app-layer-left > div.CodeMirror {
	width: 100%; height: 100%;
}

.app-layer-right-form-btn .el-form-item__content{
	text-align: center;
}